<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/school.css">

    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>

    <!-- 头部 -->
    <header>
        <div class="container">

            <div class="nav-left">
                <div class="logo">
                    <a href="#"></a>
                </div>
                <div class="city">
                    <p>
                        <i></i>
                        <span class="seclet">福州</span>
                        <span class="switch">[切换城市]</span>
                    </p>

                </div>
                <div class="nav-list">
                    <ul>
                        <li class=""><a href="./index.html">首页</a></li>
                        <li class=""><a href="./job.html">职位</a></li>
                        <li class="cur"><a href="./school.html" class="New">校园</a></li>
                        <li class=""><a href="./overseas.html">海归</a></li>
                        <li class=""><a href="./brand.html">公司</a></li>
                        <li class=""><a href="./app.html">APP</a></li>
                        <li class=""><a href="./zixun.html">资讯</a></li>
                        <li class=""><a href="./find.html" class="hot">发现</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-right">
                <a href="#">上传简历</a>
                <a href="#" class="hot">我要找工作</a>
                <a href="#">我要招聘</a>
                <a href="#" class="sign a-border">注册</a>
                <a href="#" class="login a-border">登录</a>

            </div>

        </div>
    </header>
    <!-- 头部 -->


    <!-- bannner -->
    <div class='top_img'></div>
    <!-- bannner -->


    <!-- 校园搜索 -->
    <div class="school_search">
        <div class="container">
            <div class="school_serbox">
                <div class="school_find"><span></span><span></span></div>
                <div class="search_type">
                    <div class="search_left">
                        <span>北京</span>
                        <input type="text" placeholder="搜索职位、公司">
                    </div>
                    <div class="search_right">搜索</div>
                </div>
            </div>
        </div>

    </div>

    <!-- 校园搜索 -->

    <!-- 轮播图 -->
    <div class="school_swiper">
        <div class="container">
            <div id="swiper">
                <div class="slider_left">
                    <div class="slider_up">
                        <div>互联网/运营/产品</div>
                        <div>设计/销售/房地产</div>
                        <div>人力/法律</div>
                    </div>
                    <div class="slider_down">
                        <h4>学生活动</h4>
                        <p>
                            ·2021秋招季-青年职上校招节
                        </p>
                        <p>
                            ·2021年大中城市联合招聘
                        </p>
                        <p>
                            ·金秋招聘月·2021活动分会场
                        </p>
                    </div>
                </div>

                <div class="slider_right">
                    <ul>
                        <li index='1'><img src="./imgs/11.jpg" alt=""></li>
                        <li index='2'><img src="./imgs/12.jpg" alt=""></li>
                        <li index='3'><img src="./imgs/13.jpg" alt=""></li>
                        <li index='4'><img src="./imgs/15.jpeg" alt=""></li>
                    </ul>
                    <div class="pagation">
                        <span class="switch" index='0'></span>
                        <span index='1'></span>
                        <span index='2'></span>
                        <span index='3'></span>
                    </div>
                    <div class="prev"></div>
                    <div class="next"></div>

                </div>




            </div>



        </div>


    </div>

    <!-- 轮播图 -->

    <div id="main">

        <div class="container">
            <!-- 校招直播 -->
            <div class="school_zhibo">
                <h3>校招直播</h3>
                <div class="zhibo_list">

                    <div class="zhibo_show">
                        <ul>
                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/111.jfif" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>百融云创2022校园招聘</h3>
                                    <p>交付工程师(MJ000546)等47个岗位</p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>
                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/222.png" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>正泰电器校招-大专生储备专场
                                    </h3>
                                    <p>客户满意专员等20 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>

                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/333.jfif" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>Neo智能经济空中宣讲会
                                    </h3>
                                    <p>校招软件测试工程师等18 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>

                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/444.png" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>云车物联线上招聘
                                    </h3>
                                    <p>调解实习生等2 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>



                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/444.png" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>云车物联线上招聘
                                    </h3>
                                    <p>调解实习生等2 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>

                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/111.jfif" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>百融云创2022校园招聘</h3>
                                    <p>交付工程师(MJ000546)等47个岗位</p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>
                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/222.png" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>正泰电器校招-大专生储备专场
                                    </h3>
                                    <p>客户满意专员等20 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>

                            <li>
                                <div class="zhibo_img">
                                    <img src="./imgs/333.jfif" alt="">
                                </div>
                                <div class="zhibo_title">
                                    <h3>Neo智能经济空中宣讲会
                                    </h3>
                                    <p>校招软件测试工程师等18 个岗位
                                    </p>
                                </div>
                                <div class="huifang">回放</div>
                                <div id="hover_qrcode">
                                    <p>微信扫码观看</p>
                                    <img src="./imgs/555.png" alt="">
                                </div>
                            </li>




                        </ul>
                        <div class="swiper_prev prev"></div>

                        <div class="swiper_next next"></div>

                    </div>




                </div>

            </div>


            <!-- 校招直播 -->



            <!-- 热门公司 -->
            <div class="hot_company remen">
                <h3>热门公司</h3>
                <h3>
                    <span class="cur">北京</span>
                    <span>上海</span>
                    <span>广州</span>
                    <span>深圳</span>
                    <span>全国</span>
                </h3>
                <ul>
                </ul>
            </div>
            <!-- 热门公司 -->

            <!-- 热门校招 -->
            <div class="hot_xiaozhao remen">
                <h3>热门校招</h3>
                <h3>
                    <span class="cur">全职</span>
                    <span>实习</span>
                </h3>

                <ul class="com_ul quanzhi">


                </ul>

                <ul class="com_ul hide_ul  shixi"></ul>


            </div>
            <!-- 热门校招 -->

            <div class="more">
                <a href="#">查看更多</a>
            </div>


            <!-- 求职攻略 -->

            <div class="qiuzhi remen">
                <h3>求职攻略</h3>

                <div class="qiuzhi_show">
                    <ul>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/027569a9ddcbc345545e1b163869a92f26b1843edb5867970fca7c28c0d4ecae5eed1c76c878402da89f08f15ecee4b2.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text"> 腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="qiu_img">
                                <img src="https://img.bosszhipin.com/beijin/cms/a35d875c246e13a30baea64e1a7600c026b1843edb5867970fca7c28c0d4ecaec6eeee71f3274248861ad84e54330017.png" alt="">
                            </div>
                            <div class="con_text">
                                <div class="title line-overflow">一年经验腾讯二面之旅</div>
                                <div class="text">
                                    腾讯面试提前1天和提前一个小时都会发短信提示。去的腾讯滨海大厦面试，大楼的现代化程度很高，不过需要提醒一下的是，腾讯的滨
                                </div>
                            </div>

                        </li>

                    </ul>
                    <div class="swiper_prev prev"></div>

                    <div class="swiper_next next"></div>
                </div>



            </div>
            <!-- 求职攻略 -->


            <div class="school_mask">
                <p>上线视频面试，避免疫情感染</p>
                <ul>
                    <li>随时随地在线沟通，语音视频面试更安全</li>
                    <li>随时随地可面试，在哪都能聊工作</li>
                    <li>远程面试防止疫情感染</li>
                </ul>
            </div>


        </div>


    </div>


    <!-- 页脚 -->

    <footer>
        <div class="container">
            <div id="about">
                <div class="aboutLeft">
                    <div class="top">
                        <ul>
                            <li>企业服务</li>
                            <li>
                                <a href="#">职位搜索</a>
                            </li>
                            <li>
                                <a href="#">新闻资讯</a>
                            </li>
                            <li>
                                <a href="#">BOSS直聘APP</a>

                            </li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                        <ul>
                            <li>使用与帮助</li>
                            <li>
                                <a href="#">协议与规则</a>
                            </li>
                            <li>
                                <a href="#">个人信息保护政策</a>
                            </li>
                            <li>
                                <a href="#">防骗指南</a>

                            </li>
                            <li> <a href="#">使用帮助</a></li>
                        </ul>
                        <ul>
                            <li>联系BOSS直聘</li>
                            <li>
                                北京华品博睿网络技术有限公司
                            </li>
                            <li>
                                公司地址 北京市朝阳区太阳宫中路16号院1号楼18层1801内09
                            </li>
                            <li>
                                <p>
                                    违法和不良信息举报邮箱/未成年人举报渠道
                                    <a class="mail" href="#">jubao@kanzhun.com</a>
                                </p>


                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <p>
                            <span>Copyright © 2022 BOSS直聘</span>
                            <span>
                               <a href="#" target="_blank">
                                   京ICP备14013441号-5
                               </a>
                           </span>

                            <span>京ICP证150923号</span>
                            <span>京网文[2020]0399-066 号</span>

                            <span>
                               <a href="#">
                                   <img src="./imgs/icon-badge-1.png"> 电子营业执照
                               </a>
                           </span>

                            </span>
                            <span>
                               <a href=' # '>
                                   <img src="./imgs/icon-beian.png" alt="">
                                   京公网安备11010502032801
                               </a>
                           </span>

                            <span>
                               <a href="#">朝阳网警</a>
                           </span>



                            <span>
                               <a href="#">人力资源服务许可证</a>
                           </span>

                            <span>
                               <a href="#">网上有害信息举报专区</a>
                           </span>
                            <span>朝阳区人社局监督电话</span>
                        </p>
                    </div>
                </div>
                <div class="aboutRight">
                    <div class="social">
                        <img src="./imgs/footer-logo.png" alt="">
                    </div>
                    <div class="phone">
                        <p>企业服务热线和举报投诉/未成年人举报渠道 <span>400 065 5799</span></p>
                        <p>老年人直连热线 <span>400 661 6030</span></p>
                        <p>工作日 <span>8:00 - 22:00</span></p>
                        <p>休息日 <span>9:30 - 18:30</span></p>
                    </div>
                    <div class="footer-icon">
                        <a href="JavaScript:;" class="weibo"></a>
                        <a href="JavaScript:;" class="weixin">
                            <div class="weixincode">
                                <img src="./imgs/we_chat_qr.jpg" alt="">
                            </div>
                        </a>
                        <a href="JavaScript:;" class="app"></a>
                        <a href="JavaScript:;" class="pc">
                            <img src="./imgs/dppx09luaq1637052502211.png" alt="">
                        </a>
                    </div>
                </div>
            </div>


        </div>
        <div class="links">
            <div class="container">

                <div class="linksBox">



                    <span>友情链接:</span>

                    <div>
                        <ul>

                        </ul>
                        <ul class="hideUl">

                        </ul>
                    </div>

                    <label>
                       <span class="fs">展开</span>
                       <i class="fsi"></i>
                   </label>
                </div>
            </div>

        </div>
    </footer>
    <!-- 页脚 -->

    <!-- 侧边栏 -->

    <div class="silderbar">

        <div class="slider-top">
            <ul>
                <li>

                    <a href="JavaScript:;">
                        <i></i> 感兴趣
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 沟通过
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 已投递
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 面试
                    </a>
                </li>
            </ul>
        </div>
        <div class="slider-bottom">
            <ul>
                <li>
                    <a href="JavaScript:;" class="upTop"></a>
                </li>
                <li>
                    <a href="JavaScript:;">反馈</a>
                </li>
                <li class="vxqrcode">
                    <a href="JavaScript:;">微信</a>
                    <div class="qrcode">
                        <i></i>
                        <img src="./imgs/wechat-qrcode-2.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="JavaScript:;">微博</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 侧边栏 -->
</body>
<script src="./js/public.js"></script>
<script src="./js/school.js"></script>


</html>